<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../content/common/layui/css/layui.css">
 
    <link rel="stylesheet" href="../content/default/css/qhr-index.css">
</head>

<body>
    <div class="iframe-content clear">
        <div class="tree-nav left">
            <div class="search">
                <input type="text">
            </div>
            <div id="tree"></div>
        </div>
        <div class="right-content left">
            <div class="right-content-header">
                <ul class="clear listTab_ul">
                   <li class="left">
                      <img src="../content/default/image/all.png" alt="">
                     <span>全部</span></li>
                    <li class="left">
                        <img src="../content/default/image/zk/dianli.png" alt="">
                        <span>电力板块</span></li>
                    <li class="left">
                        <img src="../content/default/image/zk/meitan.png" alt="">
                        <span>煤炭板块</span></li>
                    <li class="left active">
                        <img src="../content/default/image/zk/zhuangbei.png" alt="">
                        <span>装备制造</span></li>
                    <li class="left">
                        <img src="../content/default/image/zk/project.png" alt="">
                        <span>工程建设</span></li>
                   
                </ul>
            </div>
            <div class="table">
                <div class="table-opt clear">
                    <button class="left">新增</button>
                    <button class="left">导入</button>
                    <button class="left">导出</button>
                    <!-- <form class="layui-form left no-icon" action="">
                        <select name="city" lay-verify="">
                            <option value="0">...</option>
                            <option value="010">批量删除</option>
                            <option value="021">操作1</option>
                            <option value="0571">操作2</option>
                        </select>
                    </form> -->
                    <div class="moreCz" style="margin-left: 0;">
                        <span>···</span>
                        <ul>
                            <li>操作1</li>
                            <li>操作2</li>
                            <li>操作3</li>
                        </ul>
                    </div>
                    <div class="table-search right">
                        <div class="search">
                            <input type="text">
                        </div>
                    </div>
                </div>
               
                <table>
                    <thead>
                        <tr>
                            <th>
                                <input type="checkbox" name="" id="">选择
                            </th>
                            <th>检查对象</th>
                            <th>描述</th>
                            <th>整改要求</th>
                            <th>检查依据</th>
                         <th>流程</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><input type="checkbox" name="" id="" checked></td>
                            <td>
                            
                                 <img src="../content/default/image/zk/zhuangbei.png" alt="">
                                 <span>变压器油色谱变压及微水</span>
                              
                            </td>
                            <td>
                                <p>落地式安装旋转机械周围及操作</p>
                            </td>
                           
                            <td>
                                <p>落地式安装旋转机械周围及操作</p>
                            </td>
                            <td>
                                <p>《企业安全生产标准化基本规范》...</p>
                            </td>
                           
                            <td>
                                    <!-- <button class="btnbule btnwhite" onclick="getInfo()">修改</button> -->
                                    <button class="deleteBtn">删除</button>
                                    <div class="moreCz">
                                        <span>···</span>
                                        <ul>
                                            <li onclick="getInfo()">操作1</li>
                                            <li>操作2</li>
                                            <li>操作3</li>
                                        </ul>
                                    </div>
                            </td>
                        </tr>
                        <tr>
                                <td><input type="checkbox" name="" id=""></td>
                                <td>
                                
                                     <img src="../content/default/image/zk/zhuangbei.png" alt="">
                                     <span>变压器油色谱变压及微水</span>
                                  
                                </td>
                                <td>
                                    <p>无季度、年度金属监督总结</p>
                                </td>
                               
                                <td>
                                    <p>无季度、年度金属监督总结</p>
                                </td>
                                <td>
                                    <p>《火力发电厂金属技术监督规程》...</p>
                                </td>
                               
                                <td>
                                        <!-- <button class="btnbule btnwhite">修改</button> -->
                                        <button class="deleteBtn">删除</button>
                                        <div class="moreCz">
                                            <span>···</span>
                                            <ul>
                                                <li onclick="getInfo()">操作1</li>
                                                <li>操作2</li>
                                                <li>操作3</li>
                                            </ul>
                                        </div>
                                </td>
                            </tr>
                            <tr>
                                    <td><input type="checkbox" name="" id=""></td>
                                    <td>
                                    
                                         <img src="../content/default/image/zk/zhuangbei.png" alt="">
                                         <span>变压器油色谱变压及微水</span>
                                      
                                    </td>
                                    <td>
                                        <p>锅炉注册号、许可使用证、登记...</p>
                                    </td>
                                   
                                    <td>
                                        <p>锅炉注册号、许可使用证、登记...</p>
                                    </td>
                                    <td>
                                        <p>《发电企业安全生产标准化规范及...</p>
                                    </td>
                                   
                                    <td>
                                            <!-- <button class="btnbule btnwhite">修改</button> -->
                                            <button class="deleteBtn">删除</button>
                                            <div class="moreCz">
                                                <span>···</span>
                                                <ul>
                                                    <li onclick="getInfo()">操作1</li>
                                                    <li>操作2</li>
                                                    <li>操作3</li>
                                                </ul>
                                            </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox" name="" id="" checked></td>
                                    <td>
                                    
                                         <img src="../content/default/image/zk/zhuangbei.png" alt="">
                                         <span>开采突出煤层</span>
                                      
                                    </td>
                                    <td>
                                        <p>未装备矿井安全监控系统和抽放...</p>
                                    </td>
                                   
                                    <td>
                                        <p>未装备矿井安全监控系统和抽放...</p>
                                    </td>
                                    <td>
                                        <p>《企业安全生产标准化基本规范》...</p>
                                    </td>
                                   
                                    <td>
                                            <!-- <button class="btnbule btnwhite" onclick="getInfo()">修改</button> -->
                                            <button class="deleteBtn">删除</button>
                                            <div class="moreCz">
                                                <span>···</span>
                                                <ul>
                                                    <li onclick="getInfo()">操作1</li>
                                                    <li>操作2</li>
                                                    <li>操作3</li>
                                                </ul>
                                            </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox" name="" id="" checked></td>
                                    <td>
                                    
                                         <img src="../content/default/image/zk/zhuangbei.png" alt="">
                                         <span>开采突出煤层</span>
                                      
                                    </td>
                                    <td>
                                        <p>突出危险工作面爆破时，未按规...</p>
                                    </td>
                                   
                                    <td>
                                        <p>突出危险工作面爆破时，未按规...</p>
                                    </td>
                                    <td>
                                        <p>《火力发电厂金属技术监督规程》...</p>
                                    </td>
                                   
                                    <td>
                                            <!-- <button class="btnbule btnwhite" onclick="getInfo()">修改</button> -->
                                            <button class="deleteBtn">删除</button>
                                            <div class="moreCz">
                                                <span>···</span>
                                                <ul>
                                                    <li onclick="getInfo()">操作1</li>
                                                    <li>操作2</li>
                                                    <li>操作3</li>
                                                </ul>
                                            </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox" name="" id="" checked></td>
                                    <td>
                                    
                                         <img src="../content/default/image/zk/zhuangbei.png" alt="">
                                         <span>变压器油色谱变压及微水</span>
                                      
                                    </td>
                                    <td>
                                        <p>落地式安装旋转机械周围及操作</p>
                                    </td>
                                   
                                    <td>
                                        <p>落地式安装旋转机械周围及操作</p>
                                    </td>
                                    <td>
                                        <p>《企业安全生产标准化基本规范》...</p>
                                    </td>
                                   
                                    <td>
                                            <!-- <button class="btnbule btnwhite" onclick="getInfo()">修改</button> -->
                                            <button class="deleteBtn">删除</button>
                                            <div class="moreCz">
                                                <span>···</span>
                                                <ul>
                                                    <li onclick="getInfo()">操作1</li>
                                                    <li>操作2</li>
                                                    <li>操作3</li>
                                                </ul>
                                            </div>
                                    </td>
                                </tr>
                    </tbody>
                </table>
                <div id="pages"></div>
            </div>
        </div>

    </div>
    <script src="../content/common/laydate/laydate.js"></script>
    <script src="../content/common/layui/layui.js"></script>
    <script src="../content/common/jquery-3.3.1.min.js"></script>
    <script src="../content/common/nicescroll.min.js"></script>
    <script>
        layui.use('tree', function () {
            var tree = layui.tree;

            //渲染
            var inst1 = tree.render({
                elem: '#tree' //绑定元素
                    ,
                data: [{
                    title: '隐患排查标准' //一级菜单
                        ,
                    spread: true,
                    children: [{
                        title: '电力板块' //二级菜单
                            , 
                    },
                    {
                        title: '煤炭板块' //一级菜单
                            , 
                    },
                    {
                        title: '装备制造' //一级菜单
                            ,
                    },
                    {
                        title: '工程建设' //一级菜单
                            ,
                    }]
                }]
            });
        });
        laydate.render({
            elem: '#startTime' //指定元素
        });
        laydate.render({
            elem: '#endTime' //指定元素
        });

        layui.use('laypage', function () {
            var laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
                elem: 'pages' //注意，这里的 test1 是 ID，不用加 # 号
                    ,
                count: 50 //数据总数，从服务端得到
            });
        });

        layui.use('form', function () {
            var form = layui.form;
        });
        function getInfo(){
 
    layer.open({
      type: 2,
      title: '修改隐患排查标准',
      shadeClose: true,
      maxmin: false, //开启最大化最小化按钮
      area: ['1000px', '600px'],
      content: '修改隐患排查标准.html'
    });
        }
        $(function(){
            $('#tree').niceScroll({
                autohidemode: false,
                cursorcolor:'#c9c9c9'
            });
            $('.listTab_ul li').click(function(){
                $(this).addClass('active').siblings().removeClass('active')
            })
            $('.moreCz span').click(function(){
                $(this).next('ul').toggle()
            })
        })
    </script>
</body>

</html>